<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta http-equiv="Cache-Control" content="no-siteapp">
<title data-index="0" id="selextTitle">人才招聘-${网页标题 }</title>
<meta name="keywords" content="${网页关键词}">
<meta name="description" content="${网页描述 }" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<link rel="stylesheet" href="${path }/resource/css/pc/normalize.css" />
<link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css"
	rel="stylesheet">
<link rel="stylesheet" href="${path }/resource/css/pc/common.css" />
<link rel="stylesheet" href="${path }/resource/font/iconfont.css" />

<link rel="shortcut icon" href="${浏览器logo }">
<style>
.Tips {
	padding: 30px 0 0 120px;
	height: 143px;
	background: url(${path}/resource/images/img5.jpg) no-repeat;
	line-height: 20px;
	font-size: 12px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb10 {
	margin-bottom: 10px;
}
</style>
</head>
<body class="" >
	<jsp:include page="_top.jsp"></jsp:include>
	<div class="banner">
		<cms:ad var="banner" code="khzqBanner" multi="false"></cms:ad>
		<img src="${banner.adImg }" alt="">
	</div>
	<div class="gray-bg">
		<div class="container box">

			<div class="col-md-3">
				<h1 class="l-title">客户专区</h1>
				<ul class="menu">
					<li><a href="${path }/redirect/pc/khzq" id="active">内审员查询</a></li>
					<li><a href="${path }/redirect/pc/zlxz?pageNow=0&code=zlxz">资料下载</a></li>
				</ul>
				<h1 class="l-title"></h1>
				<p class="text-center">
					<img alt=""
						src="http://huagong.jyymatrix.cc/resource/images/page_11.jpg">
				</p>
				<a target="_blank"
					href="http://wpa.qq.com/msgrd?v=3&uin=1109059297&site=qq&menu=yes">
					<img border="0" src="http://wpa.qq.com/pa?p=2:1109059297:41"
					alt="QQ客服" title="QQ客服" />
				</a>
				<cms:ad var="ad" code="lxdh" multi="false"></cms:ad>
					<p>座机：${ad.adInfo1 }</p>
					<p>手机：${ad.adInfo2 }</p>
			</div>
			<div class="col-md-9">
				<div class="row Location">
					<cms:artType var="type" code="rczp"></cms:artType>
					<span class="Left">内审员查询</span> <span class="Right"> <a
						href="${path }">首页</a> &gt 内审员查询
					</span>
				</div>

				<div class="f14 YaHei Black mb10">尊敬的客户：</div>
				<div class="Tips mb35">
					<p class="mb10">感谢您使用本查询系统，在您开始查询前，请仔细阅读以下内容，以保障查询的正确性，谢谢！</p>
					<p>(1)请在查询栏中填写您所需要的查询证书编号</p>
					<p>(2)在填写时，请填写正确的信息。</p>
					<p>(3)如若在查询中，您有任何疑问，欢迎您及时拨打以下电话，向我公司直接咨询。谢谢！</p>
				</div>
				<table class="mb35 table table-bordered table-striped">
					<tbody>
						<tr>
							<td width="300"></td>
							<td><div class="f14 YaHei Black mb10">证书查询</div></td>
						</tr>
						<tr>
							<td align="right">证书编号：</td>
							<td><input type="text" id="zsbh" class="form-control"></td>
						</tr>
						<tr>
							<td></td>
							<td><input type="button" onclick="return subclick();"
								class="btn btn-primary" value="证书查询"></td>
						</tr>
					</tbody>
				</table>
				<table class="mb35 table table-bordered table-striped" id="app" style="display: none" >
					<tbody>
						<tr class="text-center">
							<th>单位</th>
							<th>姓名</th>
							<th>性别</th>
							<th>身份证号码</th>
							<th>管理体系类别</th>
							<th>证书编号</th>
							<th>发证日期</th>
							<th>有效日期</th>
						</tr>
						<tr id="contetn">
							
						</tr>
					</tbody>
				</table>
			</div>

		</div>
	</div>



	<jsp:include page="_foot.jsp"></jsp:include>
	<script src="${path }/resource/js/plugin/jquery-3.2.1.min.js"></script>
	<script
		src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script src="${path }/resource/js/plugin/swiper.min.js"
		type="text/javascript" charset="utf-8"></script>
	<script>
		 
		
		var index = $("#selextTitle").data("index")
		$(".nav-list").eq(index).addClass("active");
		function subclick() {
			$("#contetn").html("");
			$("#app").hide();
			if ($("#zsbh").val().trim().length > 0) {
				$.post('${path}/visitor/findNsy', {
					"zsbh" : $("#zsbh").val()
				}, function(data) {
					if (data.rows.length > 0) {
					
						var nsy=data.rows[0];
						var html='<td>'+nsy.suTel+'</td>'+
							'<td>'+nsy.suName+'</td>'+
							'<td>'+nsy.suSex+'</td>'+
							'<td>'+nsy.suPhoto+'</td>'+
							'<td>'+nsy.suAddress+'</td>'+
							'<td>'+nsy.suEmail+'</td>'+
							'<td>'+getTimeHHSS(nsy.suRegisterTime)+'</td>'+
							'<td>'+getTimeHHSS(nsy.suValidateEndTime)+'</td>';
						$("#contetn").html(html);
						$("#app").show();
					} else {
						alert("没有查询到相关信息！")
					}
				})
			}

		}
		
		/** 获取时间 */
		  function getTimeHHSS(value) {
			  var temp = "";
				try {
					temp = value
					var date = new Date(temp);
					if (!temp) {
						return "";
					} else {
						return date.getFullYear() + "-" + setFomartZero((date.getMonth() + 1))
						+ "-" + setFomartZero(date.getDate()) ;
					}
				} catch (e) {
					console.err('MGrid getTime执行失败');
				}
				return temp;
		}
		
		  function setFomartZero(date){
				if(date<10){
					return "0"+date;
				}
				return date;
			}
		  
		  
	</script>
</body>
</html>
